<!-- define all main links here for navigation -->
<div class="ev-sidebar ev-fixed fixed hide-on-med-and-down">
    <div class="links-section-outer">
        <div class="links-section">
            <ul>
                <li>
                    <a class=" text-light-black" ui-sref="web.dashboard" ui-sref-active="side-active-link">
                        <i class="fa fa-signal side-link-icon"></i>
                        <div class="sidebar-title">Dashboard</div>
                    </a>
                </li>
                <li>
                    <a class="text-light-black " ui-sref="web.challenge-main" ui-sref-active="side-active-link">
                        <i class="fa fa-fire side-link-icon"></i>
                        <div class="sidebar-title">All Challenges</div>
                    </a>
                </li>
                <li>
                    <a class="text-light-black " ui-sref="web.hosted-challenge" ui-sref-active="side-active-link">
                        <i class="fa fa fa-folder-open side-link-icon"></i>
                        <div class="sidebar-title">Hosted Challenges</div>
                    </a>
                </li>
                <li>
                    <a class="text-light-black" ui-sref="web.challenge-host-teams">
                        <i class="fa fa-paper-plane side-link-icon"></i>
                        <div class="sidebar-title">Create Challenge</div>
                    </a>
                </li>
                <li>
                    <a class="text-light-black" ui-sref="web.teams" ui-sref-active="side-active-link">
                        <i class="fa fa-users side-link-icon"></i>
                        <div class="sidebar-title">Participant Teams</div>
                    </a>
                </li>
                <li>
                    <a class="text-light-black" ui-sref="web.challenge-host-teams" ui-sref-active="side-active-link">
                        <i class="fa fa-users side-link-icon"></i>
                        <div class="sidebar-title">Host Teams</div>
                    </a>
                </li>
            </ul>
        </div>
    </div>
</div>
